﻿@charset "utf-8";
 /*  
*@description:首页 
*@author: name 林异频  
* @update: name ()更新 */

.index{ clear: both;overflow: hidden; padding: 15px 0;}
.index-1{float: left; display: none;width: 21%; max-width:255px; margin-right: 2.5%;}
.index-1 img{width: 100%;}
.index-2{ overflow: hidden;}
.index-2-1{clear: both;overflow: hidden; position: relative; background: #f2f2f2;}
.index-2-1 img{width: 100%;border: 1px solid #dfdfdf;}
.index-2-1 dd{ padding: 10px;overflow: hidden; line-height: 2.2;font-size:14px; color: #363636;}
.index-2-1 dd big{ display: block; padding: 5px 0;font-size: 1.1em;}
/* dots */
.index-2 .slick-dots { position: absolute;right: 0; z-index: 2; display: inline-block;}
.index-2 .slick-dots li { overflow: hidden; display: inline-block; margin: 0 5px;float: left;}
.index-2 .slick-dots li button{ display:inline-block; outline: none; line-height: 0; font-size: 0; border: 0; color: transparent; padding: 0; cursor: pointer; outline: none;width:10px; height:10px;background:rgba(255,255,255,0.6);}
.index-2 .slick-dots li.slick-active button{background:#fff;}

.index1{ padding:0 0 15px; }
.index1 a{ display: block; overflow: hidden; position: relative; margin: 0 10px;}
.index1 a:hover base,.index1 a:hover p{ display: block;}
.index1 a img{width: 100%;}
.index1 a base{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(19,57,132,0.7);z-index: 2; display: none;}
.index1 p{ position: absolute;left: 5%; width: 90%; text-align: center;top: 50%;margin-top: -25px; z-index: 3; color: #fff; text-align: center; display: none;}
.index1 p i{ display: inline-block;border: 1px solid #fff;border-radius: 50%;width: 27px; line-height: 25px;}
.index1 p span{ display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 3px;}
.index1 .slick-prev,.index1 .slick-next{ position: absolute;top:20%; border-radius:6px; width:20px; height:50%; text-align: center; background: #076aae;border: 0; overflow: hidden; cursor: pointer; color: #076aae; padding: 0;outline: none;}
.index1 .slick-prev{right: 0; content: '\e606';}
.index1 .slick-next{left: 0;}
.index1 .slick-prev:before,.index1 .slick-next:before{color: #fff;  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; text-align: center;
}
.index1 .slick-prev:before{content: '\e608';}
.index1 .slick-next:before{content: '\e606';}

.index2{ background: #f9f9f9; clear: both;overflow: hidden; padding: 10px 0;}
.index2-top{ clear: both;overflow: hidden; padding: 10px 0; text-align: center; position: relative;}
.index2-top a{ border: 1px solid #076aae; display:inline-block; background:#fff;line-height: 2.2; color: #076aae;font-size:14px;position: relative;z-index: 2;}
.index2-top a span{ background:#076aae; padding: 0 0.8em; display: inline-block; color: #fff;}
.index2-top a em{font-style: normal; padding: 0 0.8em; display: inline-block;}
.index2-top p{ position: absolute;left: 0;top: 50%;background:#dfdfdf;z-index: 1;height: 1px;width: 100%;}
.index2-1{ clear: both;overflow: hidden; padding: 10px 0; text-align: center;margin: 0 -10px;}
.index2-1 .index2-2{ padding: 0 10px; color: #9c9c9c;}
.index2-1 .index2-img{ display: block; overflow: hidden; position: relative;/*width:210px;*/ text-align: center;}
.index2-2 .index2-img img{max-width: 100%;}
.index2-2 .index2-img i{position: absolute;z-index: 1; width: 100%;height: 100%; background: rgba(255,255,255,0.3); display: none;top: 0;left: 0;}
.index2-2 .index2-text{ overflow: hidden; padding: 5px 0;clear: both;}
.index2-text big a{ display: block;text-overflow: ellipsis; overflow: hidden;white-space:nowrap;color: #3d3d3d;}
.index2-text p{height: 3.6em;overflow: hidden;}
.index2-2:hover .index2-img i{ display: block ;}

.index3{ clear: both;overflow: hidden; padding: 10px 0;}
.index3-top{border-bottom: 1px solid #c9c9c9; clear: both;overflow: hidden; padding-top: 5px;color: #076aae;}
.index3-top dt{float: right;text-transform: uppercase; font-size: 12px;font-family: arial; line-height: 30px;}
.index3-top dt a{ color: #076aae;}
.index3-top dd{overflow: hidden; line-height: 30px; height:30px;font-size: 16px;}
.index3-top dd span{font-family: arial;text-transform: uppercase;font-size: 12px;margin-left: 10px;}
.index3-text{clear: both;overflow: hidden; padding:10px 0;line-height: 2.2;}
.index4{ overflow: hidden; clear: both;overflow: hidden; padding: 10px 0;}
.index4-1{ clear: both;overflow: hidden; padding: 10px 0;}
.index4-1 dt{clear: both;overflow: hidden;}
.index4-1 dt img{width: 100%;}
.index4-1 dd{ overflow: hidden; padding-top:5px; clear: both; color: #858585;}
.index4-1 dd big a{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; display: block;color: #3b3b3b;}
.index4-1 dd p{overflow: hidden;max-height: 7.2em;margin-top:5px;}
.index4-1 dd span{ display: none; clear: both;overflow: hidden;}
.index4-1 dd span a{ color: #076aae;}
.index4-1 dd span a i{font-size: 12px; margin-right: 10px;}
.index4-2{ clear: both;overflow: hidden; padding-bottom: 10px;}
.index4-2 li{ clear: both;overflow: hidden; padding: 2px 0 2px 10px; background: url(../images/index3-1.png) no-repeat 0 center;}
.index4-2 li a{ display: block; overflow: hidden;}
.index4-2 li span{float: right;}
.index4-2 p{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (min-width:768px) {
.index{ padding: 25px 0 30px;}
.index-2 .index-2-1 dt{float: left; width:60%;}
.index1{ padding: 0 40px; margin-bottom: 30px;}    
.index1 .slick-prev,.index1 .slick-next{width: 30px; height:76px; top: 50%; margin-top: -38px;}    
.index1 .slick-prev:before,.index1 .slick-next:before{font-size: 30px;}    
.index2,.index2-top{ padding:15px 0;}   
.index2-top a{font-size: 18px;} 
.index2-1{ padding: 15px 0; margin: 0 -15px;}
.index2-1 .index2-2{ padding: 0 15px;}
.index3{ padding: 20px 0;}
.index3-top{ padding: 5px 0;}
.index3-top dd{font-size: 20px;}
.index3-top dd span{font-size:14px}
.index3-text{font-size: 14px;}
.index4-1{max-height: 185px;}
.index4-1 dt{float: left;width: 255px;overflow: hidden; margin-right: 20px;}
.index4-1 dt a{border: 1px solid #dfdfdf; display: block; overflow: hidden;}
.index4-1 dd{ clear: none;}
.index4-1 dd p{ margin:5px 0 15px;}
.index4-1 dd span{ display: block;}
.index4-2{ padding: 10px 0 20px;}
}

@media only screen and (min-width:992px) {
.index-1{ display: inline-block;}    
.index-2 .index-2-1 dt{width: 58%;}
.index3{float: left;width: 48%; clear: none;}  
.index3-text{padding: 15px 0;}
.index4{float: right;width: 48%; clear: none; padding: 20px 0;}  
.index4-1{ padding: 15px 0; min-height: 195px;}
}
@media only screen and (min-width:1200px) {
.index-2-1 dd{ padding: 30px;}

}
